.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.flexbox{
    display: flex;
}
.pinpai_header{
    width: 95%;
    margin: 0 auto;
   .px2rem(margin-bottom,14);
   .px2rem(font-size,24);
   
    input{
         .px2rem(height,88);
         .px2rem( border-radius, 10);
         .px2rem(height,88);
         width: 100%;
          margin: 0 auto;
         background: #e0e0e0 url(../img/buy_search.png) no-repeat 40%;
         text-align: center;
         border: none;
         color: #FFFFFF;
    }
    
}
.pinpai_section{
    
    .px2rem(height,81);
     .px2rem(line-height,81);
    border-top:1px solid #C1C1C1;
    ul{
        .flexbox;
        li{
          flex:1; 
          text-align: center; 
          a{
             margin:0 auto;
            .px2rem(width,120);
            display:block;
            .px2rem(font-size,30);
            font-weight: bold;
              
          }
          a.classify{
            border-bottom: 4px solid #fed201;
    	}
         
        }
    }
}

    p{
        .px2rem(height,30);
        background: #f7f7f7;
        span{
            .px2rem(margin-left,20);
            color: #1b1b1b;
            .px2rem(font-size,30);
        }
    }
    .pinpai_dl{
        .px2rem(height,96);
        .px2rem(line-height,94);
        .flexbox;
        border-bottom: 1px solid #e8eaeb;
        .px2rem(margin-right,28);
        dt{
            img{
                .px2rem(height,93);
                .px2rem(width,142);
            }
        }
        dd{
            .px2rem(font-size,26);
            .px2rem(margin-left,54);
        }
    }

.dingwei{
    position:fixed;
    top:27%;
    .px2rem(right,0);
    li{
        a{
        .px2rem(margin-bottom,5);
        color: #c3c4c3;
        text-decoration: none;
        }
        
    }
    
}

.index_showfooter{
	.px2rem(height, 100);
}
.index_footer{
	position:fixed;
	bottom:0;
	.px2rem(height, 100);
	border-top:1px solid #ccc;
	.flexbox;
	align-items: center;
	width: 100%;
	background: #fff;
	dl{
		flex:1;
		text-align:center;
		img{
			.px2rem(width,80);
			.px2rem(height,80);
		}
		dt img{
			display: block;
			margin: 0 auto;
			.px2rem(width,40);
			.px2rem(height,40);
		}
		dd{
			.px2rem(font-size,18);
			color: #4c4c4c;
			.px2rem(line-height,38);
		}
		dd.footer_on{
			color: #202020;
		}
	}
}







